/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 9px 0 20px;background: #fff url("images/body_bg.gif") repeat-x 1 100%;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}

label {display:block;padding: 5px 0}
label br {clear:left}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
/*li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}*/
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header {background: #666 url("images/sprites.gif") repeat 0 100%;margin: 0 0 25px;padding: 0 0 8px}
#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
	
/* NAV - top horizontal nav */
#nav, #nav ul {padding: 0;margin: 0;list-style: none}
#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 40px}
#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
#nav a:hover {color:#000}

#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
#nav li li a:hover {color:#fff;background:#c00}

#nav li.active {background: #c00;border-bottom: 3px solid #c00}
#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
#nav li.active a:hover {color:#000}

#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
#nav li.active li.last {border-bottom: none}
#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}

#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/* POWERED BY - mollio logo in this case */
#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative;border-style:ridge}
#content-wrap {position:relative;width:100%;}
#utility {position:absolute;top:0;left:2px;width:191px;border-top: 3px solid #999;padding-bottom: 40px;}

#content {margin: 0 50px;height:490px; position: relative;left:1%;}

/* LAYOUT TYPE B */
#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 15px 0;}
#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT - FOOTER */
        #footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 20 30px;font-size:86%;color:#999; position: absolute;bottom: 1px; left: 15px;}
	#footer p {margin:0}
	#footer a:link {color:#999}


/*  Layout Untuk Menu Reservasi Ruangan
    Author : Arian Ichsan
*/
td
{
    padding: 0.1em;
    padding-left: 0.5em;
}

.table1 {border: 2px solid #900;border-collapse:collapse;width:90%}
.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:1px;border: 1px solid #900}
.table1 thead th {color:#fff;font-size:75%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 1px}
		

#entryDataKegiatan
{
    position: absolute;
    border-style: solid;
    border-color: #cccccc;
    width: 40%;
    height: 480px;
    -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px;
}

/*
#entryDataKegiatan button 
{
    position: relative;
    top: 20px;
    left: 50px;
}
*/

#keterangan
{
    overflow-y:scroll;
}

#pilihanRuangan
{
    position: relative;
    left: 45%;
    border-style: solid;
    border-color: #cccccc;
    width: 50%;
    height: 480px;
    -moz-border-radius-bottomleft: 7px;
   -moz-border-radius-bottomright: 7px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 7px;
   -webkit-border-radius: 7px;
}

#pilihanRuangan div
{
    position: relative;
    top:10px;
    left: 20px;
}

#message
{
    position: relative;
    left: 30%;
    width: 200px;
    height: 15px;
    text-align: center;
    padding-bottom: 5px;
}

/*font untuk pesan sukses*/
.success {color:#390;font-weight:bold}

/*font untuk pesan error*/
.error {color:#c00;font-weight:bold}

.scroll
{
    height:300px;
    overflow:auto;
    border-style: hidden;
}

.scroll-pilihan-kegiatan
{
    height:90px;
    overflow:auto;
    border-style: hidden;
}

input.f-submit {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    font-size: 96%;
    font-weight: bold;
    padding: 1px 3px;
}

button.f-submit {
    background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    font-size: 96%;
    font-weight: bold;
    padding: 1px 3px;
}

